<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_810097_s50gcn082go.css">
    <link rel="stylesheet" href="../../css/common/reset.css">
    <link rel="stylesheet" href="../../css/addTargetCm.css">
</head>

<body style="background: #fff;">
    <!--列表 class="wechatPopup "-->
    <form>
        <ul>
            <input type="hidden" id="targetId">
            <li id="sex">
                <p class="fl labelText">
                    性别：
                </p>
                <p class="fl">
                    <input type="radio" name="sex" value="1" class="man">男
                </p>
                <p class="fl">
                    <input type="radio" name="sex" value="0" class="woman">女
                </p>
            </li>
            <li id="age">
                <p class="fl labelText">
                    年龄：
                </p>
                <p class="fl">
                    <input type="radio" name="age" value="1" class="young">18-29
                </p>
                <p class="fl">
                    <input type="radio" name="age" value="2" class="middle">30-39
                </p>
                <p class="fl">
                    <input type="radio" name="age" value="3" class="old">40-59
                </p>
            </li>
            <li>
                <p class="fl labelText">
                    数量：
                </p>
                <p class="fl">
                    <input type="text" placeholder="请输单数" id="num">
                </p>
            </li>
            <li id="area">
                <p class="fl labelText">
                    所在地：
                </p>
                <p class="fl tLeft">
                    <input type="checkbox" name="area[]" value="1">华东地区(包括山东、江苏、安徽、浙江、福建、上海)<br />
                    <input type="checkbox" name="area[]" value="2">华南地区(包括广东、广西、海南)<br />
                    <input type="checkbox" name="area[]" value="3">华中地区(包括湖北、湖南、河南、江西)<br />
                    <input type="checkbox" name="area[]" value="4">华北地区(包括北京、天津、河北、山西、内蒙古)<br />
                    <input type="checkbox" name="area[]" value="5">西北地区(包括宁夏、新疆、青海、陕西、甘肃)<br />
                    <input type="checkbox" name="area[]" value="6">西南地区(包括四川、云南、贵州、西藏、重庆)<br />
                    <input type="checkbox" name="area[]" value="7">东北地区(包括辽宁、吉林、黑龙江)<br />
                </p>
            </li>
            <li class="tLeft">
                <span class="redColor">温馨提示：</span>系统将按照你设置的性别、年龄、数量、所在地区分配买手，请根据产品真实购买人群的实际情况进行设置。
            </li>
            <li>
                <!-- <input type="reset" value="重置" class="btn resetBtn"> -->
                <button class="layui-btn btn sureBtn Starget" type="button" lay-submit lay-filter="Starget">确认提交</button>
                <button class="layui-btn btn sureBtn StargetEdit" type="button" lay-submit lay-filter="StargetEdit"
                    style="display:none;">修改</button>
                <!-- <input type="button" value="取消" class="btn editBtn"> -->
            </li>
        </ul>
    </form>
    <script src="../../js/jquery.min.js"></script>
    <script src="../../layui/layui.js"></script>
    <script src="../../js/jquery.cookie.js"></script>
    <script src="../../js/dataRequest.js"></script>
    <script>
        function child(obj) {
            console.log('接收数据');//获取父界面的传值
            console.log(obj);//获取父界面的传值
            console.log('接收数据');//获取父界面的传值
            // 新增
            layui.use(['layer', 'laydate', 'form'], function () {
                var form = layui.form,
                    layer = layui.layer;
                form.on('submit(Starget)', function () {
                    var sex = $("#sex input[type='radio']:checked").val();
                    var area = "";
                    $("#area input[type='checkbox']:checked").each(function () {
                        area += "," + $(this).val()
                    });
                    if (!!area)
                        area = area.substring(1);
                    console.log(area);
                    var age = $("#age input[type='radio']:checked").val();
                    var num = $("#num").val();
                    // var area = $("#area input[type='checkbox']:checked").val();
                    // console.log("area", area);
                    var JdateJson = {
                        "goodsId": obj,
                        "sex": sex,
                        "area": area,
                        "age": age,
                        "num": num
                    }
                    $.ajax({
                        type: "POST",
                        url: BASE_URL + MAP_URL + "rule",
                        dataType: 'json',
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify(JdateJson),
                        success: function (data) {
                            console.log("请求数据为++++++++++++++", data.data)
                            if (data.data == null || !data.data) {
                                layer.msg('数据出错,请重新登录', {
                                    icon: 5,//提示的样式
                                    time: 6000, //6秒关闭（如果不配置，默认是3秒）//设置后不需要自己写定时关闭了，单位是毫秒
                                    end: function () {
                                        location.href = '/login.html';
                                    }
                                });
                            } else {
                                layer.msg("提交成功");
                                // return;
                                var index = parent.layer.getFrameIndex(window.name);
                                setTimeout(function () {
                                    parent.layer.close(index);//关闭弹出层
                                    parent.location.reload();//更新父级页面（提示：如果需要跳转到其它页面见下文）
                                }, 2000);
                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            // console.log(XMLHttpRequest);
                            // console.log(textStatus);
                            // console.log(errorThrown);
                        }
                    });
                });

                form.on('submit(StargetEdit)', function () {
                    var targetId = $("#targetId").val();
                    var sex = $("#sex input[type='radio']:checked").val();
                    var area = "";
                    $("#area input[type='checkbox']:checked").each(function () {
                        area += "," + $(this).val()
                    });
                    if (!!area)
                        area = area.substring(1);
                    console.log(area);
                    var age = $("#age input[type='radio']:checked").val();
                    var num = $("#num").val();
                    // var area = $("#area input[type='checkbox']:checked").val();
                    // console.log("area", area);
                    var JdateJson = {
                        "id": targetId,
                        "goodsId": obj,
                        "sex": sex,
                        "area": area,
                        "age": age,
                        "num": num
                    }
                    $.ajax({
                        type: "put",
                        url: BASE_URL + MAP_URL + "rule",
                        dataType: 'json',
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify(JdateJson),
                        success: function (data) {
                            console.log("请求数据为++++++++++++++", data.data)
                            if (data.data == null || !data.data) {
                                layer.msg('数据出错,请重新登录', {
                                    icon: 5,//提示的样式
                                    time: 6000, //6秒关闭（如果不配置，默认是3秒）//设置后不需要自己写定时关闭了，单位是毫秒
                                    end: function () {
                                        location.href = '/login.html';
                                    }
                                });
                            } else {
                                layer.msg("提交成功");
                                // return;
                                var index = parent.layer.getFrameIndex(window.name);
                                setTimeout(function () {
                                    parent.layer.close(index);//关闭弹出层
                                    parent.location.reload();//更新父级页面（提示：如果需要跳转到其它页面见下文）
                                }, 2000);
                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            // console.log(XMLHttpRequest);
                            // console.log(textStatus);
                            // console.log(errorThrown);
                        }
                    });
                });
            });

            // 获取
            $.ajax({
                type: "get",
                url: BASE_URL + MAP_URL + "rule/" + obj,
                dataType: 'json',
                success: function (data) {
                    console.log("请求数据为++++++++++++++", data.data);
                    var sex = data.data.sex;
                    var age = data.data.age;
                    $("#targetId").val(data.data.id);
                    $("#num").val(data.data.num);
                    var area = data.data.area;
                    var newArea = area.split(",");
                    console.log("--", newArea);
                    $.each(newArea, function (i, item) {
                        $("input[name='area[]'][value=" + item + "]").attr("checked", "checked");
                    });
                    console.log("-----sex-----", sex);
                    if (sex == 0) {
                        $(".man").attr("checked", true);
                    } else {
                        $(".woman").attr("checked", true);
                    }
                    if (age == 1) {
                        $(".young").attr("checked", true);
                    } else if (age == 2) {
                        $(".middle").attr("checked", true);
                    } else {
                        $(".old").attr("checked", true);
                    }
                    $(".StargetEdit").show();
                    $(".Starget").hide();
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    // console.log(XMLHttpRequest);
                    // console.log(textStatus);
                    // console.log(errorThrown);
                }
            });
        }
    </script>
</body>

</html>